<template>
  <view class="loupan">
        <view class="boy">


            <view id="label_abtest_value" class="house-list hl-padding card-list-box">
                <view class="list-con click-position" data-position="10">
                    <view class="media-house2 rmlp-item-con3">    
                        <!-- <img class="lazy-timeout-click" src="@/static/img00/download0.jpg"/> -->
                        <view class="eye">
                            <img src="@/static/img00/yey.png" />
                            <span>5045</span>
                        </view>
                        <view class="text">
                            <view class="house-name">
                                <h4 class="click-position" >新城璟隽公馆</h4>
                                <span  class="j-lb click-position ss-zs">在售</span>
                            </view>
                            <view class="nearby click-position" >
                                <span class="nearby-in">轻轨沿线旁的大平层住宅</span>
                            </view>
                            <p class="house-infor click-position">
                                <span>萧山区</span>
                                <span class="h-area">89-115㎡</span>
                            </p>
                            <view class="dynamic">
                                <p class="price click-position" >
                                    <span>31000元/m²</span>
                                </p>
                            </view>
                        </view>
                    </view>
                </view>
            </view>


        </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped>
    .loupan{
        /* height: 15rem; */
        margin-top:90upx;
        background: #fff;
        padding-bottom: 30upx;
    }
    .boy{
        /* height: 17.5rem; */
        background: #fff;
        margin-left: 40upx;
        margin-right:  40upx;
    }


    .house-list{
        height: 168upx;
        width: 670uxp;
        margin-top: 30upx;
        padding-top: 30upx;
    }
    .lazy-timeout-click{
        height: 168upx;
        width: 224upx;
        float: left;
    }
    .eye{
        width:200upx;
        background: #000;
        margin-left: -210upx;
        margin-top: 120upx;
        float: left;
        text-align: center;
        opacity: .6;
    }

    .eye>span{
        color: #fff;
    }

    .text{
        height: 160uxp;
        width: 224upx;

        float: left;
        margin-left: 14upx;
    }
    .house-name{
        width: 428upx;
        height:50upx;
    }
    .house-name>h4{
        float: left;
        margin-top: 6upx;
    }
    .house-name>span{
        float: right;
        padding: 6upx;
        /* margin-left: 96upx; */
        font-size: 20upx;
        background: #0ad487;
        border-radius: 4upx;
        color: #fff;
    }
    .nearby{
        height: 32upx;
        line-height: 32upx;
    }
    .nearby>span{
        font-size: 20upx;
        padding: 6upx;
        background: #f3f6f9;
        border-radius: 6upx;
        color: #13c3c3;
    }

    .house-infor{
        height: 40upx;
        width: 438upx;
        font-size: 24upx;
       margin-top: 14upx;
    }
      .house-infor>span{
          margin-right: 20upx;
      }
      .price {
          width: 420upx;
          height: 40upx;
          margin-top: -4upx;
      }
      .price >span{
          color: #fa5f35;
          font-size: 28upx;
          font-weight: 550;
      }
    
</style>
